<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
	</head>
	<body>
		<header>
			<div id="logo"></div>
			<div id="nav">
				<ul>
					<li><a href="#">电影</a></li>
					<li><a href="#">星闻</a></li>
					<li><a href="#">独家</a></li>
					<li><a href="#">更多</a></li>
				</ul>
			</div>
		</header>
		<section>
			<main>
				<article id="title">
					<h1>韩寒《飞驰人生》首曝预告 沈腾赛车杠上飞机</h1>
					<p>时间：2018.10.04&nbsp;&nbsp;&nbsp;来源：1905电影网</p>
				</article>
				<video src="./media/1.mp4" controls="controls"></video>
			</main>
			<aside>
				<article>
					<img id="recommend" src="img/1.jpg" />
				</article>
				<article>
					<p>相关电影</p>
					<img id="cover" src="img/2.jpg" />
					<div>
						<p>飞驰人生</p>
						<p id="director">导演：韩寒</p>
						<p id="protagonist">主演：沈腾 等</p>
					</div>
				</article>
			</aside>
		</section>
	</body>
</html>
